<ul class="el-pager">
    <li class="number" [class.active]="current === 1" (click)="clickHandle(1)" *ngIf="count > 0">1</li>
    <li *ngIf="showPrevMore" [class]="'el-icon more btn-quickprev ' + quickprevIconClass" (click)="jumpHandle(-5)"
        (mouseenter)="quickprevIconClass = 'el-icon-d-arrow-left'" (mouseleave)="quickprevIconClass = 'el-icon-more'">
    </li>
    <li class="number" *ngFor="let pager of pagers" (click)="clickHandle(pager)" [class.active]="current === pager">
        {{ pager }}</li>
    <li [class]="'el-icon more btn-quicknext ' + quicknextIconClass" *ngIf="showNextMore" (click)="jumpHandle(5)"
        (mouseenter)="quicknextIconClass = 'el-icon-d-arrow-right'" (mouseleave)="quicknextIconClass = 'el-icon-more'">
    </li>
    <li class="number" [class.active]="current === count" (click)="clickHandle(count)" *ngIf="count > 1">{{ count }}
    </li>
</ul>